거친 c 집 t. 이오 Arduino의 측정값을 Node.js에서 받아 Socket.io와 chart.js로 실시간으로 그래프 표시 Arduino의 측정치를 실시간으로 그래프 표시하고 싶었으므로, Node.js 여러분을 이용해 브라우저상에 그래프 표시해 보았습니다. 이번에는 일단 광 센서를 측정 대상으로 했습니다. 광센서의 저항값의 변화를 전압으로서 Arduino의 아날로그 입력으로 측정하고 있습니다. 하드웨어 및 소프트웨어 구성을 나타냅니다. Arduino 주위의 회로는 를 참고해 주세요. 하드웨어 Arduino UNO... chart.js자바스크립트ArduinoNode.js거친 c 집 t. 이오 Quoridorn을 로컬 환경에서 테스트하기 위해 움직였습니다. Quoridorn의 설치 순서가 readme에 쓰여졌으므로 설치해 본다. Windows 10 Home Vagrant 2.2.6 Docker version 19.03.2, build 6a30dfc docker-compose version 1.24.1, build 4667896b 1. chocolatey 설치 PowerShell 열기 Windows 콘솔인 Power Shell을 관리자 권한으로 ... nginxVirtualBoxMongoDB거친 c 집 t. 이오도커 Node.js 초보자가 Node.js + Watson Conversation에서 채팅봇을 구현해 보았습니다. 기출의 기사가 많이 있는 느낌도 있습니다만, 로컬 환경에서도 움직일 수 있는 챗봇을 편하게 만들어 보았습니다. 이 기사에서는 Node.js + Socket.io를 사용하여 채팅 도구에 API를 통합하여 채팅 기능을 만드는 방법을 설명합니다. ※Watson Conversation의 개발 방법에 대해서는 를 참조해 주세요. (정말은 Node-RED로 짜 보고 싶었는데, 샘플조차 잘 움직이지 않고... 거친 c 집 t. 이오BluemixWatsonNode.js Vue.js에서 Discord 클론을 만들어 보았습니다. Vue.js 공부하는 동안 문득 Discord의 클론을 만들고 싶었기 때문에 실제로 해 보았습니다. vue.js로 만든 discor-clone 본가의 스쿠쇼가 이하(브라우저판) 그리고 이번에 만든 클론 스쿠쇼는 공개 URL : 채팅의 실시간 송수신을 할 수 있습니다 Discord 본가는 WebSocket은 사용하고 있지 않는 것 같습니다만, 나는 WebSocket 쪽이 익숙하기 때문에 Soc... 디스코드Vuetify자바스크립트Vue.js거친 c 집 t. 이오 NodeJS의 Socket.io를 사용하여 간단한 WebSocket 서버 만들기 따라서 처리에 시간이 많이 걸리는 프로세스를 실행하려는 경우 클라이언트 측이 상당한 시간 서버의 응답을 기다리는 상태가됩니다. 실시간으로 순차적으로 서버의 실행 결과를 반환하는 통신 방법에는 WebSocket이 있으므로 실시간 통신의 수단으로 nodejs의 WebSocket을 사용하여 구현했다. 1. 클라이언트와 서버가 Socket 연결을 설정합니다. 2. 받은 서버가 서버측에서 처리 실행 ... child_processwebsocket자바스크립트Node.js거친 c 집 t. 이오 WebSocket을 이용해 서버에서 클라이언트에 이벤트를 통지하는 라이브러리를 만들어 보았다 · 서버에서 클라이언트에 이벤트를 알리고 처리하고 싶습니다. · 그러나 기존 시스템은 그대로 사용하고 싶습니다. 같은 요청이 있었기 때문에 그 때의 대응 메모 대응 브라우저나 Push 전달의 구조 등 조금 수고가 걸릴 것 같았기 때문에, Node.js/Socket.io의 조합으로 알림 메커니즘 만 구축하려고합니다 ... FCM에 대한 기사는 아래를 참조하십시오. 이미지로서는 첨부 화상과 같은... 거친 c 집 t. 이오websocket자바스크립트Node.js Redis를 사용하여 여러 서버 구성으로 실시간 채팅 앱을 만들었습니다. 이번에는 Redis의 이야기입니다. Redis의 PubSub를 사용하여 여러 대 서버 구성의 시스템에서도 실시간 채팅을 실현 가능하게했습니다! (왼쪽은 3000번 포트, 오른쪽은 3001번 포트와 별도의 서버에 접속하고 있습니다) 요 전날 CyberAgent 씨가 주최 한 에 참가했습니다! 해커슨이라기보다는 ISUCON에 가까운 이벤트였지만, 어플리케이션/데이터베이스/인프라와 다양한 영역에서... 거친 c 집 t. 이오RedisNode.js 파이썬을 사용하여 socket.io-redis에 이벤트를 emit 1. AJAX로 메시지 POST 2. 메시지 내용을 DB에 저장 3. 터미널 B에 새 메시지가 생성되었음을 알리기 위해 라이브러리를 사용하여 이벤트를 emit 4. node.js가 3인 이벤트를 라이브러리를 사용하여 구독 5. node.js는 단말 B, C, D...에 대한 새로운 메시지의 내용과 함께 화면을 업데이트하기 위한 이벤트를 emit한다 그림 1의 구성의 시스템이 이미 있는 상태에... 거친 c 집 t. 이오파이썬Redis Facebook 메신저의 Conversation ID를 이용하여 대화방 UI 만들기 Node.js의 공부가 지도상에서 이야기할 수 있는 의 속편. 채팅방을 만드는 흐름이 엉망이었기 때문에 Facaebook 메신저와 연계하는 방법을 모색해 보았다. 메신저의 Conversation에는 ID가 흔들리고 있어, 각각의 Conversation마다 참가하고 있는 유저를 그룹으로 관리할 수 있으므로, Conversation ID와 참가 유저를 묶는 방법으로 구현. 앱을 시작한 유저는 자... 거친 c 집 t. 이오자바스크립트FacebookNode.js URL과 이미지와 어록만 쓸 수 있는 실시간 게시판을 만들었다 추가 2017/12/24 방치 상태였기 때문에 서버마다 멈췄습니다. 보러 온 분들께 감사드립니다. 문장을 쓸 필요가 없는, 부담없이 사용할 수 있는 게시판을 만들었습니다. 이름은 URL 동물원입니다. 은 URL과 이미지와 어록(밈)만 쓸 수 있는 게시판입니다. 이 게시판에는 게시판에 놓여 있는 소재를 조합한 것만 기본적으로 쓸 수 있습니다. 유저가 자유롭게 쓸 수 있는 것은 URL와 thre... 자바스크립트Mithril.js웹 서비스Node.js거친 c 집 t. 이오 Socket.IO 사용 방법 이 기사에 있는 프로그램을 개조해 보았습니다. 환경설정 소스 파일 만들기 index.js index.html 서버 시작 브라우저에서 방문... 거친 c 집 t. 이오ExpressNode.js
Arduino의 측정값을 Node.js에서 받아 Socket.io와 chart.js로 실시간으로 그래프 표시 Arduino의 측정치를 실시간으로 그래프 표시하고 싶었으므로, Node.js 여러분을 이용해 브라우저상에 그래프 표시해 보았습니다. 이번에는 일단 광 센서를 측정 대상으로 했습니다. 광센서의 저항값의 변화를 전압으로서 Arduino의 아날로그 입력으로 측정하고 있습니다. 하드웨어 및 소프트웨어 구성을 나타냅니다. Arduino 주위의 회로는 를 참고해 주세요. 하드웨어 Arduino UNO... chart.js자바스크립트ArduinoNode.js거친 c 집 t. 이오 Quoridorn을 로컬 환경에서 테스트하기 위해 움직였습니다. Quoridorn의 설치 순서가 readme에 쓰여졌으므로 설치해 본다. Windows 10 Home Vagrant 2.2.6 Docker version 19.03.2, build 6a30dfc docker-compose version 1.24.1, build 4667896b 1. chocolatey 설치 PowerShell 열기 Windows 콘솔인 Power Shell을 관리자 권한으로 ... nginxVirtualBoxMongoDB거친 c 집 t. 이오도커 Node.js 초보자가 Node.js + Watson Conversation에서 채팅봇을 구현해 보았습니다. 기출의 기사가 많이 있는 느낌도 있습니다만, 로컬 환경에서도 움직일 수 있는 챗봇을 편하게 만들어 보았습니다. 이 기사에서는 Node.js + Socket.io를 사용하여 채팅 도구에 API를 통합하여 채팅 기능을 만드는 방법을 설명합니다. ※Watson Conversation의 개발 방법에 대해서는 를 참조해 주세요. (정말은 Node-RED로 짜 보고 싶었는데, 샘플조차 잘 움직이지 않고... 거친 c 집 t. 이오BluemixWatsonNode.js Vue.js에서 Discord 클론을 만들어 보았습니다. Vue.js 공부하는 동안 문득 Discord의 클론을 만들고 싶었기 때문에 실제로 해 보았습니다. vue.js로 만든 discor-clone 본가의 스쿠쇼가 이하(브라우저판) 그리고 이번에 만든 클론 스쿠쇼는 공개 URL : 채팅의 실시간 송수신을 할 수 있습니다 Discord 본가는 WebSocket은 사용하고 있지 않는 것 같습니다만, 나는 WebSocket 쪽이 익숙하기 때문에 Soc... 디스코드Vuetify자바스크립트Vue.js거친 c 집 t. 이오 NodeJS의 Socket.io를 사용하여 간단한 WebSocket 서버 만들기 따라서 처리에 시간이 많이 걸리는 프로세스를 실행하려는 경우 클라이언트 측이 상당한 시간 서버의 응답을 기다리는 상태가됩니다. 실시간으로 순차적으로 서버의 실행 결과를 반환하는 통신 방법에는 WebSocket이 있으므로 실시간 통신의 수단으로 nodejs의 WebSocket을 사용하여 구현했다. 1. 클라이언트와 서버가 Socket 연결을 설정합니다. 2. 받은 서버가 서버측에서 처리 실행 ... child_processwebsocket자바스크립트Node.js거친 c 집 t. 이오 WebSocket을 이용해 서버에서 클라이언트에 이벤트를 통지하는 라이브러리를 만들어 보았다 · 서버에서 클라이언트에 이벤트를 알리고 처리하고 싶습니다. · 그러나 기존 시스템은 그대로 사용하고 싶습니다. 같은 요청이 있었기 때문에 그 때의 대응 메모 대응 브라우저나 Push 전달의 구조 등 조금 수고가 걸릴 것 같았기 때문에, Node.js/Socket.io의 조합으로 알림 메커니즘 만 구축하려고합니다 ... FCM에 대한 기사는 아래를 참조하십시오. 이미지로서는 첨부 화상과 같은... 거친 c 집 t. 이오websocket자바스크립트Node.js Redis를 사용하여 여러 서버 구성으로 실시간 채팅 앱을 만들었습니다. 이번에는 Redis의 이야기입니다. Redis의 PubSub를 사용하여 여러 대 서버 구성의 시스템에서도 실시간 채팅을 실현 가능하게했습니다! (왼쪽은 3000번 포트, 오른쪽은 3001번 포트와 별도의 서버에 접속하고 있습니다) 요 전날 CyberAgent 씨가 주최 한 에 참가했습니다! 해커슨이라기보다는 ISUCON에 가까운 이벤트였지만, 어플리케이션/데이터베이스/인프라와 다양한 영역에서... 거친 c 집 t. 이오RedisNode.js 파이썬을 사용하여 socket.io-redis에 이벤트를 emit 1. AJAX로 메시지 POST 2. 메시지 내용을 DB에 저장 3. 터미널 B에 새 메시지가 생성되었음을 알리기 위해 라이브러리를 사용하여 이벤트를 emit 4. node.js가 3인 이벤트를 라이브러리를 사용하여 구독 5. node.js는 단말 B, C, D...에 대한 새로운 메시지의 내용과 함께 화면을 업데이트하기 위한 이벤트를 emit한다 그림 1의 구성의 시스템이 이미 있는 상태에... 거친 c 집 t. 이오파이썬Redis Facebook 메신저의 Conversation ID를 이용하여 대화방 UI 만들기 Node.js의 공부가 지도상에서 이야기할 수 있는 의 속편. 채팅방을 만드는 흐름이 엉망이었기 때문에 Facaebook 메신저와 연계하는 방법을 모색해 보았다. 메신저의 Conversation에는 ID가 흔들리고 있어, 각각의 Conversation마다 참가하고 있는 유저를 그룹으로 관리할 수 있으므로, Conversation ID와 참가 유저를 묶는 방법으로 구현. 앱을 시작한 유저는 자... 거친 c 집 t. 이오자바스크립트FacebookNode.js URL과 이미지와 어록만 쓸 수 있는 실시간 게시판을 만들었다 추가 2017/12/24 방치 상태였기 때문에 서버마다 멈췄습니다. 보러 온 분들께 감사드립니다. 문장을 쓸 필요가 없는, 부담없이 사용할 수 있는 게시판을 만들었습니다. 이름은 URL 동물원입니다. 은 URL과 이미지와 어록(밈)만 쓸 수 있는 게시판입니다. 이 게시판에는 게시판에 놓여 있는 소재를 조합한 것만 기본적으로 쓸 수 있습니다. 유저가 자유롭게 쓸 수 있는 것은 URL와 thre... 자바스크립트Mithril.js웹 서비스Node.js거친 c 집 t. 이오 Socket.IO 사용 방법 이 기사에 있는 프로그램을 개조해 보았습니다. 환경설정 소스 파일 만들기 index.js index.html 서버 시작 브라우저에서 방문... 거친 c 집 t. 이오ExpressNode.js